<div class="detail-root">
  <ul class="detail-ul" >
    <li class="detail-li" *ngFor="let item of songlist;let i = index">
      <a [routerLink]="[ '/musicdetail',item.song_id ]" class="detail-li-a" >
        <img [src]='item.pic_small' class="detail-img">
        <p>{{item.title}}</p>
        <p>{{item.author}}</p>
    </a>
  </li>
    <!-- <li class="detail-li"><a [routerLink]="[ '/path' ]" class="detail-li-a">
      <img src="assets/images/1.jpg" class="detail-img">
      <p>name</p>
      <p>price</p>
    </a></li>
    <li class="detail-li"><a [routerLink]="[ '/path' ]" class="detail-li-a">
      <img src="assets/images/1.jpg" class="detail-img">
      <p>name</p>
      <p>price</p>
    </a></li>
    <li class="detail-li"><a [routerLink]="[ '/path' ]" class="detail-li-a">
      <img src="assets/images/1.jpg" class="detail-img">
      <p>name</p>
      <p>price</p>
    </a></li> -->
  </ul>
</div>
